﻿/************************************************
	Copyright
    2beknown 2010
	CSS StyleSheet by Tavis Basing
    Last Updated: 03 March 2010
	www.2beknown.co.uk
************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]
************************************************/
/**********  [=TEMP]   **********/

.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/
* { margin: 0; padding: 0; }
body {font-size:12px; font-family:Arial; margin:0px 0px 0px 0px; background:#FFFFFF url(graphics/header.jpg) repeat-x;}
#wrap {width: 1024px; height:auto; text-align:left; margin: 0 auto; overflow: hidden;}
h1 { color: #747474; font-weight:normal;font-size:27px; }
h2 {color: #747474; font-weight:normal;font-size:19px; }
h3{color: #747474; font-size:15px;font-weight:bold;margin:5px 0;}
.conttopright h3 {font-weight:normal;}
h3 span.date {float:right; color:#747474;}
h4 { color: #747474;font-size:15px; }
h5 {color:#747474;font-size:13px;font-weight:bold; }
h6 {color:#747474; }
a {text-decoration:none;}
span.black {color:Black;}
span.silver {color:#bdbdbd;}

/**********  [=Header]   **********/
#header {height:216px;margin:0 auto;padding:10px 0 0 0px;width:990px;background: url(graphics/) no-repeat;}
.logohead {width:400px;height:112px; float:left;padding-top:20px;}
.contacttop {width:474px;height:132px;float:right;}
.conttopright {float:left;height:34px;margin-top:92px;padding:5px 0px 0px;text-align:right;width:438px;border-top:solid 1px #b3b2b2;background-color:#dadcdc;}
.conttoprightleft {background: url(graphics/cornersbig.jpg) no-repeat;margin-top:92px; background-position:top left; height:40px; width:18px;float:left;}
.conttoprightright {background: url(graphics/cornersbig.jpg) no-repeat;margin-top:92px; background-position:top right; height:40px; width:18px;float:right;}
.menubar {width:700px;height:52px;float:left;}
a.trollie {width:32px; height:32px; background: url(graphics/shoppingcart.png) no-repeat;display:block; float:left;}
.wishleft a {float:left; padding-top:7px; margin-right:15px;color:#434343;font-size:13px;}
span.wish {color:#434343;font-size:13px;float:left; padding-top:3px;margin-right:15px;}
/**********  [=Search]   **********/
.breadcrumb {width:474px; height:20px; float:left; padding:10px;}
.breadcrumb a{color:#434343;}
.contbtm {width:474px; height:40px; float:right;}
.contbtmright {float:left;height:36px;padding-top:3px;margin-top:0px;text-align:left;width:438px;border-bottom:solid 1px #b3b2b2;background-color:#dadcdc;}
.contbtmrightleft {background: url(graphics/cornersbig.jpg) no-repeat;margin-top:0px; background-position:bottom left; height:40px; width:18px;float:left;}
.contbtmrightright {background: url(graphics/cornersbig.jpg) no-repeat;margin-top:0px; background-position:bottom right; height:40px; width:18px;float:right;}
.searchrhig input#ctl00_txbSearch {width:200px; float:left;height:18px;margin-top:0px;padding:6px;}
.searchrhig input#ctl00_imglnkbtnSearch {float:left;margin-top:1px;}
.searchrhig .register {margin-left:10px; padding-top:0px;float:left;}
.searchrhig .register a {color:#434343;font-size:13px;float:left;}

/**********  [=Footer]   **********/
.footer {background: url(graphics/bgfooter.jpg) repeat-x; background-position:bottom; height:199px;margin-top:0px;clear:both;}
.foottop {width:965px; height:160px;margin:0 auto;padding-left:25px;}
.foottophead {width:990px; float:left;height:28px;}
.foottophead h3 {margin:10px 0px;width:295px;margin-right:20px; float:left; color:#FFFFFF;padding-left:5px;}
.foottop ul {width:280px; float:left; height:92px;border-top:solid 1px #a3a3a3;margin-top:10px; padding:10px;margin-right:20px;}
.foottop li {text-align:center;float:left; width:140px; list-style:none;}
.foottop li a{color:#FFFFFF;}
.foot { height:20px; margin:0px auto 0px; width:990px;padding-top:10px;border-top:solid 1px #a3a3a3;}
.footleft {height:20px; float:left;width:480px;margin:0px 0px 0px 0px;color:#FFFFFF;padding-left:15px;}
.footleft a {float:left; text-decoration:none; color:#FFFFFF; cursor:pointer; font-size:11px; text-transform:uppercase; font-weight:bold; margin:13px 15px 0px 0px; }
.footleft a:hover {color:#bdbdbd;}
.footleft input{float:left; margin-right:15px;}
.footright {height:20px; float:left;width:495px; text-align:right;margin:0px 0px;}
.footright a {float:right; text-decoration:none; color:#FFFFFF; cursor:pointer; font-size:11px;margin:0px 15px 0px 0px; }
.footright a:hover {color:#bdbdbd;}
       
/********** [= Default]*************/  
.contentouter { margin:0 auto;height:auto; overflow:hidden;}
.content {width:990px;padding-bottom:20px; margin:-16px auto 0; height:auto; overflow:hidden;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;}
.contentmain h1{margin-bottom:15px;}
.contentmain {padding:24px 20px; width:657px;margin:30px 30px 0; border:solid 1px #d9d9d9; float:left;background: url(graphics/) no-repeat; background-position:top right;min-height:258px;}
.contentmain p {font-size:12px;line-height:1.6em;margin-bottom:20px;}
.contentmain ul {margin-left:15px; margin-top:15px;}
.paddingright {padding-right:80px;}
span.checkstyle {float:left;width:auto;color:black;}
span.checkstyle input {margin-left:20px; margin-top:10px;}
span.checkstyle label {color:black;margin-left:5px; }

a.btnClickBR {text-decoration:none; background: url(graphics/buttonR.png) no-repeat;background-position:top; width:158px;display:block; color:#FFFFFF;font-size:14px;font-weight:bold;height:26px;padding-top:6px;text-align:center;float:right; margin-top:0px;padding-right:19px;}
input.btnClickBRSM {text-decoration:none; background: url(graphics/smbutton.png) no-repeat;background-position:top; width:103px;display:block; color:#FFFFFF;font-size:14px;font-weight:bold;height:32px;padding-top:0px;text-align:right;float:left; margin-top:0px;padding-right:36px;border:0;}
input.btnClickBRSM:hover {color:#FFFFFF;background-position:bottom; }
a.btnClickBRSM {text-decoration:none; background: url(graphics/smbutton.png) no-repeat;background-position:top; width:68px;display:block; color:#FFFFFF;font-size:14px;font-weight:bold;height:25px;padding-top:7px;text-align:right;float:left; margin-top:0px;padding-right:36px;}
a.btnClickBRSM:hover {color:#FFFFFF;background-position:bottom; }
.buttonblock {margin-top:15px;}
.buttonblock a.btnClickBR {margin-left:10px;}
.newsletterRHS a.btnClickBR {margin-right:10px;}
a#ctl00_ContentPlaceHolder1_Info_Newsletter_lnkbtnAdd {margin-top:4px;}
a.btnClickBR:hover {color:#FFFFFF;background-position:bottom; }
.rightRHS {float:left; width:202px; height:auto;}
.rightRHS h1 {font-size:24px;}
.findnear {background: url(graphics/findhm.jpg) no-repeat; height:224px;float:left; width:315px;margin:0 14px 0 14px;}
.newsletter {background: url(graphics/newslhm.jpg) no-repeat; height:111px;float:left; width:186px; padding:41px 12px 15px;}
.newsletterRHS {margin-bottom:10px;background-color:#f7f7f7; height:auto;margin-top:30px; padding:10px 0 13px 10px;border:solid 1px #d9d9d9;width:190px;float:left;}
.newsletterRHS p {font-size:10px;margin-top:5px;}
.smlogo { height:73px;float:left; width:211px; }
input.smalllogo {padding:19px 0 0 51px;}
.newsletbx input {font-size:11px;background-color:#747474; border:solid 1px #d9d9d9; width:175px; height:19px;margin-top:11px;padding:7px 2px 2px;color:#FFFFFF;}

/************ [Products] **********/
.leftmenu {padding:24px 0px;width:200px;margin:30px 0px 0px; float:left; height:auto; overflow:hidden;}
.product {padding:15px 15px; width:467px;margin:30px 30px 0; border:solid 1px #d9d9d9; float:left;min-height:258px;}
.content .leftmenu td a{color:#434343 !important;}
.product img.productpic {width:160px; border:solid 1px #747474; margin-top:10px;float:left;}
.product .proddesc {width:280px; margin:10px 0px 10px 10px; height:auto;float:left;}
.product .proddesc p {margin-bottom:5px;}
.product .proddesc h2 {color:#1a1a1a;}
.product .proddesc h4 {margin:0px 0px 5px;}
.product .proddesc h3 {margin:5px 0px; color:#1a1a1a;}
.product .proddesc select {float:left; width:34px;}
.product img {border:0;}
.product .category {width:168px; height:188px;float:left;margin:0px 5px 5px 0px;}
.product .categoryitem {height:14px; width:168px; float:left;font-weight:bold;height:14px;text-align:center;}
.product a {color:#a1a1a1;}
.product a .category {border:solid 1px #FFFFFF;}
.product a:hover .category {border:solid 1px #d1d1d1;}

/************ [Forms] **********/
.newsletbx span.yell {color:#2b2b2b !important;}
.formlink {margin-left:0px;width:550px;height:auto; float:left;background: url(graphics/bghr2px.jpg) repeat-x; background-position:top; margin-top:25px;}
.formlink3 {margin-left:0px;width:610px;height:auto; float:left;background: url(graphics/bghr2px.jpg) repeat-x; background-position:top; }
.formlink2 {margin-left:0px;width:650px;height:115px; float:left;background: url(graphics/bghr2px.jpg) repeat-x; background-position:top;padding-top:40px; }
.formlink2 img {float:left;width:76px; height:77px;}
.formlink2 .NewsletterText {float:left;width:300px; height:70px; margin-left:30px; padding-top:15px;}
.formlink2 .NewsletterText h4 { text-transform:uppercase; font-family:Arial; font-size:18px;}
.formlink2 .NewsletterText h5 {font-size:15px;}
.subheader {margin:5px 0px;}
.formmainbx {width:520px; float:left;}
.formbxbig {width:500px; float:left;}
.formbxbigger {width:660px; float:left;}
.formbx {width:260px; height:18px; float:left;color:#1a1a1a;margin-bottom:15px;}
.formbx input {margin-left:0px;float:left;}
.formbx textarea {padding:2px;color:#FFFFFF;margin-bottom:0px;margin-left:20px;padding:5px;width:340px;height:100px; border:solid 1px #d9d9d9;background-color:#747474; font-family:Arial; font-size:13px;float:left;}
.formbx span.yell {color:#ff0000 !important;float:left;height:25px; width:auto;}
.formbx span.label {color:#747474; float:left;}
.formbx input.checkbx {float:left; margin-right:10px;}
.formbx select {padding:2px;margin-bottom:0px;}
.formbx select.nomargin {margin-bottom:0px;}
.formbx input.greybx {background-color:#747474;}
.formbxr {width:260px;height:18px; float:right;margin-bottom:15px;}
.formbxr input {margin-left:0px;float:left;color:#1a1a1a;}
.formbxr textarea {padding:2px;color:#1a1a1a;margin-bottom:0px;margin-left:20px;padding:5px;width:340px;height:100px; border:solid 1px #d9d9d9;background-color:#747474; font-family:Arial; font-size:13px;float:left;}
.formbxr span.yell {color:#ff0000 !important;float:left;height:25px; width:auto;}

.formbxl {width:260px; height:25px; float:left;color:#1a1a1a;margin-bottom:15px;}
.formbxl input {margin-left:0px;float:left;}
.formbxrl {width:260px;height:25px; float:right;margin-bottom:15px;}
.formbxrl input {margin-left:0px;float:left;color:#1a1a1a;}
.OrderConBlk {width:280px; float:left; border:solid 1px #747474; margin-right:29px;padding:15px;margin-bottom:20px;}
 #rightblk { margin-right:0px;}
.OrderConBlk p {margin-bottom:0px;}
.OrderConBlk h4{margin-bottom:5px;}
.gridviewProducts {width:655px; float:left; overflow:hidden; margin-top:15px;}
.TotalAmount {width:200px; float:right; font-size:13px;font-weight:bold;padding-right:36px;text-align:right;height:20px; margin-bottom:10px;}
.Totaltxt {width:200px; float:right; font-size:14px;font-weight:bold;text-align:right;height:20px; margin-bottom:10px;}
/*************** [Basket] ***********************/
.gridtableWish tr.TableRow td {padding:5px 0px;}
table.gridtableWish {margin-bottom:15px;}


/**************** [Legal] ******************/
.content .legal p {color:#5F5F5F;font-size:12px; padding-right:50px;line-height:1.7em;margin-bottom:15px;}
.content .legal h4 {color: #4CCBF4; text-transform:uppercase; font-size:15px; margin-bottom:10px;}
.content td a{color:Black;}
.content td a:hover{color:#ff0000;}

/*************** [Contact] ********************/
.contleftboxfull {width:260px; height:230px; float:left;}
.contleftbox {width:238px; height:186px; border-left:solid 1px #ABABAB; border-right:solid 1px #ABABAB; background-color:#E8E8E8; padding:0px 10px 15px;overflow:hidden;}
.contleftboxtop {background: url(graphics/contact_small_box_top.jpg) no-repeat;overflow:hidden; width:260px; height:9px;}
.contleftboxbtm {background: url(graphics/contact_small_box_bottom.jpg) no-repeat;overflow:hidden; width:260px; height:10px;}
.contleftbox h4 {padding:10px 0px 15px 30px;}
.contleftbox p {padding:10px 0px 0px 30px; margin-bottom:10px;}
.contleftbox .telephone {padding:10px 0px 10px 30px; font-size:21px; font-weight:bold; color:#5C5C5C;}
.contleftbox .telephone img {padding-top:0px; margin-right:5px;}
.contrightboxfull {width:523px; height:432px; float:left;margin-left:15px;margin-bottom:25px;}
.contrightbox {border-left:solid 1px #ABABAB; border-right:solid 1px #ABABAB; background-color:#E8E8E8; width:501px; height:382px; padding:10px;}
.contrightboxtop {background: url(graphics/contact_large_box_top.jpg) no-repeat;overflow:hidden; width:523px; height:10px;}
.contrightboxbtm {background: url(graphics/contact_large_box_bottom.jpg) no-repeat;overflow:hidden; width:523px; height:10px;}
.contrightbox .contselmbox {width:503px; height:33px;}
.contrightbox .contselect {width:371px; height:20px; background: url(graphics/contact_select.jpg) no-repeat; float:right; padding:12px 0px 0px 10px;}
.contrightbox .contselect a{color:White; text-decoration:none; font-size:11px; margin-left:5px; font-weight:bold; margin-right:11px;}
.contrightbox .contselect a.lastlink {margin-right:0px;}
.contrightbox .contselect a.lastlinkon {text-decoration:underline; margin-right:0px;}
.contrightbox .contselect a:hover {text-decoration:underline;}
.contrightbox .contselect a.on {text-decoration:underline;}
.contrightbox h3 {padding:10px 0px 0px 0px; float:right; font-size:21px; font-weight:bold; color:#4CCBF4;}
.contrightbox hr {clear:both;}
.contform {width:503px; height:auto; clear:both; overflow:hidden;}
.contform input.conttxtbox {width:491px; height:20px; padding:5px; border:solid 1px #ABABAB;}
.contform textarea.conttxtbox {width:491px; height:90px; padding:5px; border:solid 1px #ABABAB;}
.contform span.contlabeltop {margin:10px 0px 5px; overflow:hidden; float:left; font-weight:bold; padding-left:5px;}
.contform span.contlabel {margin:5px 0px; overflow:hidden; float:left;font-weight:bold; padding-left:5px;}
.contform .contbtnbox {width:503px; height:60px; float:left; margin:15px 0px;}
.contform .contbtnleft {width:246px; height:60px; float:left;}
.contform .contbtnright {width:257px; height:60px; float:right;}
.contform span.contlabel label {margin-left:5px;}

/* # Account Tabs # */
.tabs {margin-top:25px;}

UL.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

UL.tabNavigation LI {
    display: inline;
}

UL.tabNavigation LI A {
    padding: 3px 5px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
    background-color: #333;
    color: #fff;
    padding-top: 7px;
}

UL.tabNavigation LI A:focus {
        outline: 0;
}

div.tabs > div {
        padding: 5px;
        margin-top: 3px;
        border: 1px solid #D9D9D9;
}

div.tabs > div h2 {
        margin-top: 0;
}

#first {
    background-color: #fff;
}

#second {
    background-color: #fff;
}

#third {
    background-color: #fff;
}

/* # SLiding Left menu*/ 
.drawers-wrapper {
            position: relative;
            width: 188px;
            
        }

        .drawer {
            background:transparent url(http://images.apple.com/downloads/images/sideboxlight_bg20070611.gif) repeat-y scroll 0pt;
            color:#76797C;
            font-size:11px;
            line-height:1.3em;
        }

        .boxcap {
            height:5px;
            left:0pt;
            position:absolute;
            width:100%;
            z-index:100;
            background:transparent url(http://images.apple.com/downloads/images/sidenav_capbottom.png) no-repeat scroll 0%;
            margin-top:-5px;
        }

        .captop {
            background-image:url(http://images.apple.com/downloads/images/box_188captop.png);
            bottom:auto;
            top:0pt;
            margin-top:0;
        }

        .drawers {
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;
            line-height: 18px;
        }

        .drawers A {
            color:#666666;
            text-decoration:none;
            font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            /*font-size-adjust:none;*/
            font-style:normal;
            font-variant:normal;
            font-weight:normal;
        }

        .drawer li {
            border-bottom:1px solid #E5E5E5;
            line-height:16px;
            padding:6px 0pt;
        }

        UL {
            list-style: none;
            padding: 0;
        }

        UL.drawers {
            margin: 0;
        }

        .drawer-handle {
            background:#939393 url(http://images.apple.com/downloads/images/slider_handlebg188.png) no-repeat scroll 0pt;
            color:#333333;
            cursor:default;
            font-size:12px;
            font-weight:normal;
            height:25px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
        }

        .drawer-handle.open {
            background-color:#72839D;
            background-position:-188px 0pt;
            color:#FFFFFF;
        }

        .drawer UL {
            padding: 0 12px;
            padding-bottom:0pt;
        }

        .drawer-content UL {
            padding-top: 7px;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }

        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding:0pt;
        }

/* # Meun # */

.menu {width:990px;float:right;}
ul#topnav {	margin: 0; padding: 0;float:left;padding:0 0 0 0px;	list-style: none;margin:0px 0 0;}
ul#topnav li {float: left;margin: 0; padding: 0;position: relative; /*--Important--*/}
ul#topnav li a {float: left;color:#FFFFFF;height:31px;padding-left:20px;padding-right:20px;padding-top:13px;text-align:left;background: url(graphics/tab.jpg) repeat-x;font-size:12px; font-weight:bold;text-decoration:none;/*text-indent: -9999px; /*--Push text off of page--*/	}
ul#topnav li a span.infotxt {font-size:10px;color:#484848;}
ul#topnav li a:hover span.infotxt {color:#bdbdbd;}
ul#topnav li:hover a, ul#topnav li a:hover {color: #FFFFFF; background-position: bottom; } /*--Hover State--*/
ul#topnav a.home {border-left:solid 1px #a2a2a2;}
ul#topnav a.homeon {background-position: bottom;border-left:solid 1px #a2a2a2;}
ul#topnav a.last {border-right:solid 1px #a2a2a2;border-left:solid 1px #a2a2a2;}
ul#topnav a.lastson {background-position: bottom;border-left:solid 1px #a2a2a2;border-right:solid 1px #a2a2a2;}

ul#topnav li .sub {font-size:11px;-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
background:#404040 url(graphics/) repeat-x scroll 0 0;
display:none;
float:left;
left:0;
padding:10px;
position:absolute;
top:44px;}


ul#topnav li .row { /*--If needed to break out into rows--*/clear: both;float: left;margin-bottom: 10px;width:100%;}
ul#topnav li .sub ul{float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:500px;}

ul#topnav li .sub {
	width:350px !important;	
}

ul#topnav .sub ul li {/*--Override parent list item--*/color: #fff;}
ul#topnav .sub ul li a {float: left;font-weight:normal;font-family:Arial;display:block;height:auto;padding:5px !important;text-decoration:none;text-indent:0;height:16px;text-decoration: none;color: #fff;background:none;width:120px;}
ul#topnav .sub ul li a:hover {color: #c4c2c2;/*background-position:bottom;*//*background-position: 5px 12px ;--Override background position--*/}

